<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册页面</title>
</head>
<body>

<hr/>

<!--
input标签
    placeholder属性: 占位文字
    type="radio": 单选按钮  name属性要相同,才能选中其中一个 value的值提交给服务器
    type="checkbox": 复选框,可以同时选中多个
    type="date": 日期选择框
    type="file": 文件域, 选择一个文件
    type="reset": 清空表单的输入内容,回到初始状态
    type="image": 图片按钮
    type="button": 普通按钮,现在点击没有效果,等后面学习了JS就可以处理按钮点击
    checked="checked": 表示选中

select标签: 下拉框
    每个选项都是一个option标签
    option标签的选中使用: selected="selected"

textarea标签: 文本域, 让我们输入一段问题
    rows="10": 行数
    cols="60": 列数
-->
<h2>用户注册</h2>
<hr/>
<form action="login" >
    <table>
    <!--第一行-->
    <tr>
        <td>
            <label for="username">用户名:</label>
        </td>
        <td>
            <input id="username" name="username" placeholder="请输入用户名">
        </td>
    </tr>
    <!--第二行-->
    <tr>
        <td>密码</td>
        <td><input name="password" placeholder="请输入密码"></td>
    </tr>
    <!--第三行-->
    <tr>
        <td>邮箱：</td>
        <td>
            <input type="email" name="email" placeholder="请输入邮箱">
        </td>
    </tr>
    <!--第四行-->
    <tr>
        <td>性别：</td>
        <td><input type="radio"name="sex" value="male" checked="checked">男
            <input type="radio"name="sex" value="female">女
        </td>
    </tr>
    <!--第五行-->
    <tr>
        <td>爱好：</td>
        <td>
            <input type="checkbox" name="hobby" value="yy">游泳
            <input type="checkbox" name="hobby" value="sw">上网
            <input type="checkbox" name="hobby" value="dy">电影
            <input type="checkbox" name="hobby" value="ks">看书
        </td>
    </tr>
    <!--第六行-->
    <tr>
        <td>学历</td>
        <td>
            <select name="edu">
                <option value="xx">小学</option>
                <option value="cz">初中</option>
                <option value="gz">高中</option>
                <option value="dz">大专</option>
                <option value="bk" selected="selected">本科</option>
            </select>
        </td>
    </tr>
    <!--第七行-->
    <tr>
        <td>出生：</td>
        <td>
            <input type="date" name="birthdate" value="1989-08-08" />
        </td>
    </tr>
    <!--第八行-->
    <tr>
        <td>照片：</td>
        <td>
            <input type="file" name="photo">
        </td>
    </tr>
    <!--第九行-->
    <tr>
        <td>个人简介：</td>
        <td>
            <textarea rows="10" cols="50" name="jj" placeholder="请输入个人简介">这个家伙很懒什么都没有留下</textarea>
        </td>
    </tr>
    <!--第十行-->
    <tr>
        <td></td>
        <td>
            <input type="submit" value="注册">
            <input type="reset">
        </td>
    </tr>
        <!--第十一行-->
        <tr>
            <td></td>
            <td>
                <a href="http://localhost:63342/study_day18/html_css/src/main/webapp/11_register.html?_ijt=g0b7p4pnatb09hn9kj5ajip3vo" target="_blank">
                    <img src="img/girl1.jpg">
                </a>点我关注
            </td>
        </tr>
    </table>
</form>
</body>
</html>